{% extends "front/base.html" %}
{% block head %}
    <link rel="stylesheet" href="{{ url_for('static',filename='front/css/setting.css') }}">
    <script src="{{ url_for('static',filename='front/js/setting.js') }}"></script>
{% endblock %}
{% block title %}个人信息 - BBS论坛{% endblock %}
{% block content %}
    <div class="setting-group">
        <h1>{{ user.username }} 个人信息设置</h1>
        <div style="height: 20px;"></div>
        <form>
            <div class="form-group">
                <label for="exampleInputEmail1">邮箱：</label>
                <input type="email" class="form-control" value="{{ user.email }}" readonly>
            </div>
            <div class="form-group">
                <label>头像：</label>
                <div class="input-group">
                    <img src="{{ url_for('media.get_avatar', filename=user.avatar) }}" class="img-circle"
                         id="avatar-img">
                    <input type="file" id="upload_avatar" accept="image/jpeg, image/png">
                </div>
            </div>
            <div class="form-group">
                <label for="exampleInputPassword1">个性签名：</label>
                <input type="text" class="form-control" name="signature" id="signagure-input" value="{{ user.signature or "" }}">
            </div>
            <button type="submit" id="btn_save" class="btn btn-primary">保存</button>
        </form>
    </div>
{% endblock %}